<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="../../css/public.css" media="all">
    <link rel="stylesheet" href="../../css/lightboard/txBoard.css" media="all">
    <link rel="stylesheet" href="../../css/lightboard/46.css" media="all">
    <style>
        body {
            background-color: #ffffff;
        }

        .ant-col-mistake {
            margin-top: -18px;
        }
        /*交易的script多行省略*/
        .script-data-wrap{
            /*height: 158px;*/
            /*overflow:hidden;*/
            /*text-overflow:ellipsis;*/
            /*background: greenyellow;*/
            /*display: -webkit-box;*/
            /*-webkit-box-orient: vertical;*/
            /*-webkit-line-clamp: 3;*/
            /*overflow: hidden;*/
            /*!*-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他的WebKit属性。常见结合属性：*/
            /*display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
            /*-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*!*/
        }
    </style>
</head>
<body style="background-color: #f5f6fa;">
<div class="layui-form layuimini-form">

    <!-- 块头摘要   -->
    <div class="single-pannel bg-sm-white">
        <div class="block-info-container">
            <div class="ant-card ant-card-bordered">
                <div class="ant-card-head">
                    <div class="ant-card-head-wrapper">
                        <div class="ant-card-head-title">块头摘要</div>
                    </div>
                </div>
                <div class="ant-card-body">
                    <div class="content">
                        <div class="split-content">
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>区块高度</span></div>
                                <div class="ant-col ant-col-14 ant-col-mistake">
                                    <div class="block-height-icon"><span role="img" tabindex="-1" class="anticon"
                                                                         style="font-size: 8px; color: rgb(123, 130, 147); transform: rotate(180deg);"><svg
                                            width="1em" height="1em" fill="currentColor" aria-hidden="true"
                                            focusable="false" class=""><use
                                            xlink:href="#icon-next"></use></svg></span><span id="block-height" class="block-height"></span><span role="img" tabindex="-1"
                                                                                    class="anticon"
                                                                                    style="font-size: 8px; color: rgb(123, 130, 147);"><svg
                                            width="1em" height="1em" fill="currentColor" aria-hidden="true"
                                            focusable="false" class=""><use xlink:href="#icon-next"></use></svg></span>
                                    </div>
                                </div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-6"><span class="color-7B8293">时间</span></div>
                                <div class="ant-col ant-col-18 ellipsis  ant-col-mistake" style="text-align: right;">
                                    <span id="block-data"
                                            class="value">0 </span>(
                                    <time class="" datetime="1588503974000" timeago-id="1309" id="block-diffDate">0 分钟前</time>
                                    )
                                </div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-8"><span>本区块Hash</span></div>
                                <div class="ant-col ant-col-16 merkleroot"  id="block-hash"
                                     style="    color: #0a134e;text-decoration: none">
                                    0
                                </div>
                            </div>
                        </div>
                        <div class="split-line okg-sm-hide okg-sm-hide"></div>
                        <div class="split-content">
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>难度</span></div>
                                <div id="block-difficultyTarget"
                                        class="ant-col ant-col-14  ant-col-mistake">3</div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>Nonce</span></div>
                                <div class="ant-col ant-col-14  ant-col-mistake" id="block-nonce"></div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>交易数量</span></div>
                                <div class="ant-col ant-col-14  ant-col-mistake">426</div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-8"><span>前一个块Hash</span></div>
                                <div class="ant-col ant-col-16 merkleroot"
                                     style="    color: #337ab7;text-decoration: none" id="block-prevBlockHash">
                                    0
                                </div>
                            </div>
                        </div>
                        <div class="split-line okg-md-hide okg-sm-hide"></div>
                        <div class="split-content okg-md-hide okg-sm-hide">
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>确认数</span></div>
                                <div class="ant-col ant-col-14  ant-col-mistake">0</div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>时间戳</span></div>
                                <div id="block-timestamp"
                                        class="ant-col ant-col-14  ant-col-mistake">0</div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-10"><span>矿工费</span></div>
                                <div class="ant-col ant-col-14  ant-col-mistake"><span class=""><span
                                        class="color-1F2533">0.</span><span
                                        class="color-7B8293">8702 LDC</span></span></div>
                            </div>
                            <div class="ant-row">
                                <div class="ant-col ant-col-8"><span>MerkleRoot</span></div>
                                <div class="ant-col ant-col-16 merkleroot" id="block-merkleRoot"
                                     style="    color: #2e3134;text-decoration: none">
                                    0
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 交易详情   -->
    <div class="single-pannel bg-sm-white">
        <div class="bottom-content-container" style="margin-top: 20px;">
            <div class="ant-card block-statistic-card ant-card-bordered">
                <div class="ant-card-body">
                    <ul class="ant-menu trade-statistic-menu trade-and-dress-card ant-menu-light ant-menu-root ant-menu-horizontal"
                        role="menu">
                        <li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu"
                            role="menuitem" style="display: none;">
                            <div class="ant-menu-submenu-title" aria-expanded="false" aria-haspopup="true">
                                <span>···</span><i class="ant-menu-submenu-arrow"></i></div>
                        </li>
                        <li class="ant-menu-item ant-menu-item-only-child ant-menu-item-selected" role="menuitem">交易
                        </li>
                        <li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu"
                            role="menuitem" style="display: none;">
                            <div class="ant-menu-submenu-title" aria-expanded="false" aria-haspopup="true">
                                <span>···</span><i class="ant-menu-submenu-arrow"></i></div>
                        </li>

                        <li class="ant-menu-submenu ant-menu-submenu-horizontal ant-menu-overflowed-submenu"
                            role="menuitem" style="visibility: hidden; position: absolute; display: none;">
                            <div class="ant-menu-submenu-title" aria-expanded="false" aria-haspopup="true">
                                <span>···</span><i class="ant-menu-submenu-arrow"></i></div>
                        </li>
                    </ul>
                    <ul class="address-info-trade-component">
                        <li class="block-info-trade-item" style="padding-bottom: 2%;">
                            <div class="top">哈希 <a class="ae-family ellipsis"
                                          id="tx0-hash"      href="/btc/tx/bd1166e9e8f421a6d3e20b11d4ffa014ed21d706ef022b9374b787d93a328931">0</a>
                                <div class="items font-12 font-lg-14">
                                    <span class="time color-7B8293">
                                    <span id="tx0-timestamp">0</span>
                                        (<span id="tx0-date">0</span>)
                                    </span>
                                </div>
                            </div>
                            <div class="address-details">
                                <div class="center font-12 font-lg-14">
                                    <div class="left-items">
                                        <div class="ant-row input-row">
                                            <div class="ant-col input-address ellipsis">
                                                <span class="coinbase-tag">Coinbase</span>
                                                <span class="coinbase-tag"
                                                      style="margin-left: 5%;"
                                                        id="tx0-size"
                                                >1.3MB</span>
                                            </div>
                                            <div class="ant-col input-balance"></div>
                                        </div>
                                    </div>
                                    <div class="mid-items"><span role="img" theme="filled" class="anticon"
                                                                 style="font-size: 20px;"><svg width="1em" height="1em"
                                                                                               fill="currentColor"
                                                                                               aria-hidden="true"
                                                                                               focusable="false"
                                                                                               class=""><use
                                            xlink:href="#icon-arrow-gray"></use></svg></span></div>
                                    <div class="right-items">
                                        <div class="ant-row output-row">
                                        </div>
                                    </div>
                                </div>

                                <div style="margin: 1% 1% 3%;">
                                    <h3>收款人</h3>
                                    <div style="word-wrap:break-word;word-break:break-all; " id="tx0-publicKey">
                                        0
                                    </div>
                                </div>

                                <div class="ant-card scripts-container ant-card-bordered">
                                    <div class="ant-card-head">
                                        <div class="ant-card-head-wrapper">
                                            <div class="ant-card-head-title" style="    padding-left: 2%;">输入脚本</div>
                                            <div class="ant-card-extra">
                                                <div>
                                                    <button type="button" class="layui-btn layui-btn-primary" onclick="onDownloadBTN()"><i class="layui-icon layui-icon-download-circle"></i>下载</button>
                                                </div>
                                                <div class="drop-down drop-rotating"><span role="img" class="anticon"><svg
                                                        width="1em" height="1em" fill="currentColor" aria-hidden="true"
                                                        focusable="false" class=""><use
                                                        xlink:href="#icon-dropdown_api1"></use></svg></span></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ant-card-body">
                                        <div class="scripts-container-box" style="height: auto;">
                                            <div class="script-list">
                                                <ul class="script-list-item">
                                                    <li class="script-data" style="    padding-left: 2%;">
                                                        <div class="script-data-wrap" style="word-break: break-all;font-size: 15px;padding-top: 1%;" id="tx0-data">


                                                            0
                                                        </div>


                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>


</div>
<script src="../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="../../js/lightboard/txBoard.js"> </script>
</body>
</html>